<template>
	<view class="pageItem">
		<view class="list_item">
			<block v-for="(item,index) in 10" :key="'n_'+index">
				<view class="news" data-url="/pages/news/newsDetail" @click="$gotopage">
					<view class="iconfont logo">&#xe726;</view>
					<view class="n_con">TITLETITLETITLETITLE</view>
					<view class="n_btn">{{$t('use.go')}}</view>
				</view>
			</block>
			<view class="no_msg" v-if="list.length == 0">
				<image class="img" src="../../static/nodata.png" mode="widthFix"></image>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				list:['']
			};
		},
		methods:{
			
		}
	}
</script>

<style lang="scss">
.list_item{
	width: 100%;
	padding: 3vw 3% 0;
	.news:not(:first-child){
		margin-top: 3vw;
	}
	.news{
		@include card_style();
		display: flex;
		align-items: center;
		background: $main_color2;
		border: 1rpx solid $main_color2_s;
		.logo{
			font-size: 7.5vw;
			color: $main_color;
		}
		.n_con{
			flex: 1;
			@include text_over_style(1);
			font-size: 4vw;
			font-weight: bold;
			padding-left: 25rpx;
			color: #fff;
		}
		.n_btn{
			padding: 1vw 3vw;
			font-size: 3vw;
			color: #fff;
			border-radius: 4vw;
			background: $main_color;
			margin-left: 3vw;
		}
	}
}
</style>
